<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin: 0;padding: 0;}
        div{
            width: 500px;
            margin: 100px auto;
        }
        a{
            display: block;
            width: 100px;
            height: 40px;
            background: #f76e01;
            color: #ffffcc;
            text-align: center;
            line-height: 40px;
            float: left;
            margin-left:30px ;
        }
        a:hover{
            background: #00c3ea;
            color: #ffffcc;
        }
    </style>
</head>
<body>
<div>
    <a href="动画效果.html">作业1</a>
    <a href="动画效果2.html">作业2</a>
    <a href="无缝滚动.html">作业3</a>
</div>

</body>
</html>